/**边框圆角star**/
.el-button,
.el-tag,
.el-input__inner,
.el-textarea__inner,
.el-input-number,
.el-picker-panel,
.el-popper,
.el-date-picker,
.el-dialog,
.el-alert,
.el-message,
.el-message-box,
.el-tooltip__popper,
.el-card,
.el-pagination .btn-prev,
.el-pagination .btn-next,
.el-pagination .number {
    border-radius: 8px !important;
}

.el-checkbox__inner {
    border-radius: 4px !important;
}

.el-input-group--append {
    .el-input__inner {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
}

.el-input-group--prepend {
    .el-input__inner:not([type="text"]) {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
    }
}

.el-loading-mask .el-loading-spinner .circular {
    margin: 0 auto;
}

//TODO
/**el-card**/
.el-card {

    // background: linear-gradient(180deg, #eef6ff 0%, #ffffff 19%);
    // box-shadow: inset 0px 1px 0px 0px #ffffff;
    // border: none !important;
    .el-card__header {
        border: none;
    }
}

/**el-dialog**/
.el-dialog {
    // to fixed https://github.com/ElemeFE/element/issues/2461
    transform: none;
    left: 0;
    position: relative;
    margin: 0 auto;
    background: linear-gradient(180deg, #e6eeff 0%, #ffffff 15%, #ffffff 100%) !important;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    border: none !important;

    .el-dialog__header {
        border-bottom: none !important;

        .el-dialog__title {
            font-weight: bold;
        }
    }
}

.el-pagination__total {
    float: left !important;
}

.el-breadcrumb__inner,
.el-breadcrumb__inner a {
    font-weight: 400 !important;
}

.el-upload {
    input[type="file"] {
        display: none !important;
    }
}

.el-upload__input {
    display: none;
}

.cell {
    .el-tag {
        margin-right: 0px;
    }
}

.small-padding {
    .cell {
        padding-left: 5px;
        padding-right: 5px;
    }
}

.fixed-width {
    .el-button--mini {
        padding: 7px 10px;
        min-width: 60px;
    }
}

.status-col {
    .cell {
        padding: 0 10px;
        text-align: center;

        .el-tag {
            margin-right: 0px;
        }
    }
}

// refine element ui upload
.upload-container {
    .el-upload {
        width: 100%;

        .el-upload-dragger {
            width: 100%;
            height: 200px;
        }
    }
}

// dropdown
.el-dropdown-menu {
    a {
        display: block;
    }
}

// fix date-picker ui bug in filter-item
.el-range-editor.el-input__inner {
    display: inline-flex !important;
}

// to fix el-date-picker css style
.el-range-separator {
    box-sizing: content-box;
}

// tabs组件出现蓝色边框问题
.el-tabs__item:focus.is-active.is-focus:not(:active) {
    -webkit-box-shadow: none;
    box-shadow: none;
}

// 解决element-ui 组件出现蓝色边框问题
:focus {
    outline: 0;
}

// 重写element ui样式
.el-table {
    border-top: 1px solid #ebeef5;

    td.child-table-box {
        padding: 0 !important;
        vertical-align: top !important;

        &>.cell {
            padding: 0 !important;
        }
    }

    .table-child-first {
        border-right: none !important;

        .td-child-first {
            width: 1px;
            flex-shrink: 0;
        }
    }

    thead {

        tr,
        tr th {
            background-color: #f5f7fa;
            font-weight: normal;
            color: #606266;
        }
    }

    .el-switch {
        transform: scale(0.8);
    }

    .el-button--mini.el-button--text {
        padding: 3px 0;
    }

    &.columnTable {
        border-top: none;

        thead {

            tr,
            tr th {
                background-color: #fff;
            }
        }

        td {
            border-bottom: none;
        }

        &.el-table--mini td,
        &.el-table--mini th {
            padding: 3px 0;
        }

        &::before {
            height: 0;
        }
    }

    &::before {
        height: 0 !important;
    }

    .el-table__fixed-right-patch {
        background-color: #f5f7fa;
        top: 0;
    }

    .has-gutter .gutter {
        border-bottom: 1px solid #ebeef5;
    }

    .el-table__empty-block {
        display: inline-block;
    }

    .el-table__column-filter-trigger {
        line-height: 22px;
    }

    .caret-wrapper {
        height: 23px !important;
    }

    .sort-caret.ascending {
        top: 0px !important;
    }

    .sort-caret.descending {
        bottom: 1px !important;
    }
}

.el-message-box__wrapper .el-message-box {
    border-width: 0;
}

.el-rate {
    display: inline-block;
    vertical-align: text-top;
}

.el-message-box {
    .el-textarea {
        textarea {
            min-height: 88px !important;
        }
    }
}

.el-table__expanded-cell[class*="cell"] {
    padding: 5px 50px 5px 25px !important;
}

.el-button+.el-popconfirm,
.el-button+.el-dropdown,
.el-popconfirm+.el-button,
.el-popconfirm+.el-dropdown {
    margin-left: 10px;
}

textarea.el-textarea__inner {
    resize: none;
}

.el-form--label-top .el-form-item__label {
    padding: 0 !important;
}

.el-input-number.is-controls-right .el-input__inner {
    text-align: left !important;
}

.el-popconfirm__main {
    margin: 14px 0;
}

.el-button [class*="icon-ym-"]+span {
    margin-left: 5px;
}

.el-form .el-form-item__content .el-alert__content {
    line-height: 20px;
    min-height: 20px;
}

.el-input-number.el-input-number--small {
    width: 160px;
}

// 布局错位问题修正
.el-col {
    .el-form-item--small .el-form-item__label {
        line-height: 33px;
    }

    .el-form-item--mini .el-form-item__label {
        line-height: 29px;
    }
}

.el-dropdown-menu__item .icon-ym {
    vertical-align: -1px;
}

.el-table__row:hover {
    .index {
        display: none;

        &.btn-disabled {
            display: block;

            &+.ym-custom-arrow-expand {
                opacity: 0;
                z-index: -1;
            }
        }
    }

    .ym-custom-arrow-expand {
        z-index: 9;
        opacity: 1;
    }
}

.el-autocomplete-suggestion {
    min-width: 180px !important;
}
.el-input-group__append{
    overflow: hidden !important;
}